<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/Details.css">
</head>
<body>
    <div class="topNav">
        <!-- 头部 -->
        <div class="topNavBox">
            <div class="focusbtn">
                <img src="./images/ewms.png" alt="" width="12" height="12">
                <span>购酒网APP</span>
                <em>﹀</em>
            </div>
            <ul class="navBox">
                <li class="loginReg">
                    <em>Hi,请</em>
                    <a href="" class="login" target="_self">登录</a>
                    "/"
                    <a href="" class="reg" target="_self">注册</a>
                </li>
                <li class="line">|</li>
                <li class="wddd navlist">
                    <a href="" class="force_link">
                        我的订单
                    </a>
                </li>
                <li class="line">|</li>
                <li class="yhzx">
                    <a href="">
                        个人中心
                    </a>
                </li>
                <li class="line">|</li>
                <li class="zxkf">
                    <a href="" class="force_link">在线客服</a>
                </li>
                <li class="line">|</li>
                <li class="gz">
                    <a href="" class="force_link">
                        购酒公告
                    </a>
                </li>
                <li class="line">|</li>
                <li class="bz"><a href="">帮助</a></li>
                <li class="line">|</li>
                <li class="tyj">
                    <a href="">提意见</a>
                </li>
                <li class="line">|</li>
                <li class="tel">
                    <a href="">
                        <em>☏</em>
                        "400-722-1919"
                    </a>
                </li>
                <li></li>
            </ul>
        </div>
    </div>



     <!-- 图标  搜索  购物车 -->
     <div class="topItem">
        <a href="" class="topLogo">
            <img src="./images/logo1.jpg" alt="">
        </a>
        <div class="topGif"></div>
        <div class="topSearch">
            <div class="clearfix">
                <div class="container">
                    <input type="text" name="query" placeholder="茅台飞天" class="topSearchtxt"
                        style="border-radius: 3px 0px 0px 3px;">
                    <div class="proposal">
                        <ul class="proposal-list"></ul>
                    </div>
                    <div class="topSearchbtn">搜索</div>
                </div>
            </div>
            <div class="topTags">
                <a href="">茅台</a>
                <a href="">五粮液</a>
                <a href="">拉菲</a>
                <a href="">奔富</a>
                <a href="">洋河</a>
                <a href="">黄尾袋鼠</a>
                <a href="">剑南春</a>
                <a href="">泸州老窖</a>
            </div>
        </div>
        <div class="topShopcar">
            <div class="shopCarbox">
                <a href="">
                    <em></em>
                    <span>去购物车结算</span>
                    <span class="rtrj">></span>
                    <div class="itemNum">0</div>
                </a>
            </div>
        </div>
    </div>





    <div class="itemNav">
        <ul class="itemList">
            <li id="listnav">
                <a href="">☰ &nbsp; 全 部 分 类</a>
               
            </li>
            <li class="a1">
                <a href="">&nbsp;首页</a>
            </li>
            <li class="a1">
                <a href="">&nbsp;首页</a>
            </li>
            <li class="a1">
                <a href="">&nbsp;首页</a>
            </li class="a1">
            <li class="a1">
                <a href="">&nbsp;首页</a>
            </li>
            <li class="a1">
                <a href="">&nbsp;首页</a>
            </li>
        </ul>

        <div class="fr-right">
            <a href="">
                <img src="../src/images/0f86720234b742b6a542bf3f79460a1b.gif" alt="">
            </a>
        </div>
    </div>

    <div class="all-deta">
        <!-- 导航栏 -->

        <div class="nav">
            <div class="nav-left">
                <a href="" class="shouye">首页&nbsp;>&nbsp;</a>
                <span>52度&nbsp;贵州茅台镇&nbsp;百年传奇&nbsp;浓香经典&nbsp;500ml</span>
            </div>

            <div class="nav-right">
                <a href=""><span><img src="./images/pei-icon.png" alt="">
                    在线客服</span></a>
            </div>
        </div>
    </div>

<!-- 放大镜 -->
    <div class="glashow">
        <div class="glassfl">
            <ul class="glassul">
                <li>
                    <img src="./images/glass1.jpg" alt="">
                </li>
                <li>
                    <img src="./images/glass2.jpg" alt="">
                </li>
                <li>
                    <img src="./images/glass3.jpg" alt="">
                </li>
                <li>
                    <img src="./images/glass4.jpg" alt="">
                </li>
                <li>
                    <img src="./images/glass5.jpg" alt="">
                </li>
            </ul>
            <div class="imgshow">
                <div class="trueshow">
                    <img src="./images/glass1.jpg" alt="" class="img1">
                    <div class="bigArea">
                        <img src="./images/glass1.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="show-foot">
                <span>登录分享赢好礼：</span> <a href=""><img src="./images/weixin.jpg" alt=""></a>
                <a href=""><img src="./images/xinlang.jpg" alt=""></a>
                <a href=""><img src="./images/qq空间.jpg" alt=""></a>
               
            </div>
        </div>

        <div class="pricefr">
            <div class="titdiv">
                <h3>52度&nbsp;贵州茅台镇&nbsp;百年传奇&nbsp;浓香经典&nbsp;500ml</h3>
                <p>买一送一，送原品..</p>
            </div>
            <div class="priceBox">
                <div class="newpriceBox">
                    <p class="newPrice">
                        活动价
                        <strong>
                            <span class="rmbicon">￥</span>
                            <span class="price">
                                <span class="spPrice">109</span>
                            </span>
                        </strong>
                    </p>
                </div>
                <p class="sale">
                    <span>促销信息</span>
                    <span>
                        <span class="redBox">赠品</span>
                        <span class="red"><a class="redA" href="">52度&nbsp;贵州茅台镇&nbsp;百年传奇&nbsp;浓香经典&nbsp;500ml*1</a></span>
                    </span>
                </p>
            </div>
            <div class="upmsg">
                <div class="transTo">
                    <div class="psz">配 送 至：</div>
                    <div class="at">
                        <a href="" class="atbtn">
                            <label id="lbpp">上海</label>
                        </a>
                        <div class="addArea"></div>
                            <div id="divRegion">
                                <ul class="ulRegion"></ul>
                                <div class="RegionList"></div>
                            </div>
                        </div>
                        <span class="yh">单笔订单不满100元，收运费10元</span>
                        <img src="./images/car.png" alt="">
                        <span>满百包邮</span>
                    </div>
                </div>
                <div class="pay">
                    <p>
                        关注度
                        <em>&nbsp;19862</em>
                    </p>
                    <span class="line"></span>
                  
                    <p>
                        累计评价&nbsp;
                        
                    </p>
                    <span class="line"></span>
                    <p>
                        送积分
                        <span>&nbsp;109</span>
                    </p>  
                </div>
                <div class="guanlbox">
                    <div class="lttxt">关&nbsp;联:</div>
                    <div class="rtbox">
                        <ul class="GroupPro"></ul>
                    </div>
                </div>
                <div class="saoma">
                    <i>请手机扫描app下单</i>
                    <p>
                        <img src="./images/APP.png" alt="">
                    </p>
                </div>
            </div>
        </div>
    </div>
<!-- 大家都在卖 -->
    <div class="Buy">
        <div class="Tit">
            大家都在买
        </div>
        <ul class="evitem">
            <li>
                <a href="">
                    <img src="./images/sell1.jpg" alt="">
                    <span>53度 茅台王子 己亥猪年酒 (2019年产) 500ml</span>
                    <br>
                    <em>￥998</em>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/sell2.jpg" alt="">
                    <span>53度 茅台王子 窖藏1988 1000ml</span>
                    <br>
                    <em>￥1688</em>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/sell3.jpg" alt="">
                    <span>52度 国窖1573 500ml</span>
                    <br>
                    <em>￥1499</em>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./images/sell4.jpg" alt="">
                    <span>52度 剑南春 天翼老号珍藏级 500ml</span>
                    <br>
                    <em>￥888</em>
                </a>
            </li>
        </ul>
    </div>
<!-- 悬浮栏 -->
    <div class="itemtail">
        <div class="detailtit">
            <span>图文详情</span>
        </div>
        <div class="itemsepc">
            <span>
                <em></em>
                品牌：百年传奇
            </span>
            <span>
                <em></em>
                商品编号：9451651485148545
            </span>
            <span>
                <em></em>
                净含量：500ml
            </span>
            <span>
                <em></em>
                度数：50度以上
            </span>
            <span>
                <em></em>
                手提袋：五手提袋说明
            </span>
            <span>
                <em></em>
                香型：浓香型
            </span>
            <span>
                <em></em>
                箱规：1*6
            </span>
            <span>
                <em></em>
                规格：单瓶
            </span>
        </div>
        <div class="cenjian"></div>

        <div class="picdetai">
            <img src="./images/title_1.jpg" alt="">
            <div class="prodetailpic">
                <p>
                    <img src="./images/glass1.jpg" alt="">
                    <img src="./images/glass2.jpg" alt="">
                    <img src="./images/glass3.jpg" alt="">
                    <img src="./images/glass4.jpg" alt="">
                    <img src="./images/glass5.jpg" alt="">
                </p>
            </div>
        </div>
    </div>

    <!-- 图文详情 -->
    <div class="itemjbox">
        <div class="clearfix">
            <img src="./images/1 (1).jpg" alt="">
        </div>
    </div>
<!-- tab栏切换 -->
    <div class="tabwrap">
        <div class="tabtit">
            <div class="tabbox">
                <span>商品评价</span>
                <br>
                <div class="emptybox">
                    <div class="filline"></div>
                </div>
                <span class="hpbfb">
                    <em>100%</em>
                    <span>好评</span>
                    <br>
                </span>
                
                <span class="pjnum">共15条评价</span>
            </div>
            <div class="bqbox">
                <span class="djrw">大家认为</span>
                <br>
                <span class="nobqnote">暂无标签，快来分享下你的使用心得吧</span>
            </div>
            <div class="prjure">
                <br>
                <span class="sdnote">有晒单的评价获得59积分</span>
                <br>
                <a href="">积分规则</a>
                <div class="rulebox">
                    <ul>
                        <li>
                            <em>1.</em>
                            <span>积分的有效期</span>
                            <p>风急天高猿啸哀
                                曾是惊鸿照影来
                                人面不知何处去
                                桃花依旧笑春风
                                春风得意马蹄疾
                                一日看尽长安花
                                若非群玉山头见
                                会向瑶台月下逢
                            </p>
                        </li>
                        <li>
                            <em>1.</em>
                            <span>积分的有效期</span>
                            <p>风急天高猿啸哀
                                曾是惊鸿照影来
                                人面不知何处去
                                桃花依旧笑春风
                                春风得意马蹄疾
                                一日看尽长安花
                                若非群玉山头见
                                会向瑶台月下逢
                            </p>
                        </li>
                        <li>
                            <em>1.</em>
                            <span>积分的有效期</span>
                            <p>风急天高猿啸哀
                                曾是惊鸿照影来
                                人面不知何处去
                                桃花依旧笑春风
                                春风得意马蹄疾
                                一日看尽长安花
                                若非群玉山头见
                                会向瑶台月下逢
                            </p>
                        </li>
                        <li>
                            <em>1.</em>
                            <span>积分的有效期</span>
                            <p>风急天高猿啸哀
                                曾是惊鸿照影来
                                人面不知何处去
                                桃花依旧笑春风
                                春风得意马蹄疾
                                一日看尽长安花
                                若非群玉山头见
                                会向瑶台月下逢
                            </p>
                        </li>
                    </ul>
                </div>
    
            </div>
        </div>

        <div class="pjsel">
            <span class="select">
                全部评价
                <em>（4）</em>
            </span>
            <span >晒单
                <em>（4）</em>
            </span>
            
        </div>

        <div class="pjxbox">
            <div class="listtitle">
                <span class="fstchild">评价心得</span>
                <span>满意度</span>
                <span class="lastchild">评价用户</span>

            </div>
            <ul class="pjlistbox">
                <li>
                    <div class="pjlistnr">
                        <span class="pjnr">包装不错，又是包装盒，又是气囊的，很安全，酒也很满意，很愉快</span>
                        <img src="./images/star_5.png" alt="">
                        <span>
                            <span class="span1">普通会员</span>
                            <br>
                            <span>颦儿</span>
                            <br>
                            <span class="span2">2013-12-06</span>
                        </span>

                    </div>
                    <ul class="pjimglist">
                        <li>
                            <div>
                                <img src="./images/11.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/12.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/13.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/14.jpg" alt="">
                            </div>
                        </li>
                    </ul>


                </li>

            </ul>

            <div class="jiange"></div>

            <ul class="pjlistbox">
                <li>
                    <div class="pjlistnr">
                        <span class="pjnr">包装不错，又是包装盒，又是气囊的，很安全，酒也很满意，很愉快</span>
                        <img src="./images/star_5.png" alt="">
                        <span>
                            <span class="span1">普通会员</span>
                            <br>
                            <span>颦儿</span>
                            <br>
                            <span class="span2">2013-12-06</span>
                        </span>

                    </div>
                    <ul class="pjimglist">
                        <li>
                            <div>
                                <img src="./images/11.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/12.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/13.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/14.jpg" alt="">
                            </div>
                        </li>
                    </ul>


                </li>

            </ul>
            <div class="jiange"></div>

            <ul class="pjlistbox">
                <li>
                    <div class="pjlistnr">
                        <span class="pjnr">包装不错，又是包装盒，又是气囊的，很安全，酒也很满意，很愉快</span>
                        <img src="./images/star_5.png" alt="">
                        <span>
                            <span class="span1">普通会员</span>
                            <br>
                            <span>颦儿</span>
                            <br>
                            <span class="span2">2013-12-06</span>
                        </span>

                    </div>
                    <ul class="pjimglist">
                        <li>
                            <div>
                                <img src="./images/11.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/12.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/13.jpg" alt="">
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/14.jpg" alt="">
                            </div>
                        </li>
                    </ul>


                </li>

            </ul>

            <div class="jiange"></div>
        </div>

        
    </div>


     <!-- 尾部 -->
     <div class="footer">
        <div class="footerMid">
            <div class="footerMid_t">
                <div class="footer_tel"></div>
                <a href="" class="footer_werv">
                    <img src="../src/images/onlineServ.png" alt="">
                </a>
                <div class="Codebox">
                    <p class="fll">
                        "超万平米仓储体验店"
                        <br>
                        "上海松江区茂盛路202弄18号"
                        <br>
                        "客服邮箱：kf@goujiuwang.com"
                        <br>
                    </p>
                    <div class="frr">
                        <img src="../src/images/qrcode_06.jpg" alt="" style="width: 120px;height:120px;">
                        <br>
                        <!-- "扫描二维码 享更多手机专享优惠" -->
                    </div>
                </div>
            </div>



            <div class="footer_link">
                <dl class="firstD1">
                    <dt>
                        <b class="zhinan"></b>
                        新手指南
                    </dt>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                </dl>


                <dl>
                    <dt>
                        <b></b>
                        新手指南
                    </dt>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                </dl>

                <dl>
                    <dt>
                        <b></b>
                        新手指南
                    </dt>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                </dl>

                <dl >
                    <dt>
                        <b></b>
                        新手指南
                    </dt>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                     <a href="">用户协议</a>
                 </dd>
                 <dd>
                     <a href="">用户协议</a>
                 </dd>
                 <dd>
                     <a href="">用户协议</a>
                 </dd>
                </dl>

                <dl >
                    <dt>
                        <b></b>
                        新手指南
                    </dt>
                    <dd>
                        <a href="">用户协议</a>
                    </dd>
                    <dd>
                     <a href="">用户协议</a>
                 </dd>
                 <dd>
                     <a href="">用户协议</a>
                 </dd>
                 <dd>
                     <a href="">用户协议</a>
                 </dd>
                </dl>

                <dl >
                    <dt>新手指南
                      
                    </dt>
                    <dd>
                        <a href="">
                            <font color="yellow">用户协议</font></a>
                    </dd>
                    <dd>
                        <a href="">
                            <font color="yellow">用户协议</font></a>
                    </dd>
                    <dd>
                        <a href="">
                            <font color="yellow">用户协议</font></a>
                    </dd>
                    <dd>
                        <a href="">
                            <font color="yellow">用户协议</font></a>
                    </dd>
                </dl>
            </div>


        </div>




        <div class="mid_box">
            <p>
                "Copyright® 2009-2021 gjw.com, All Rights Reserved 	购酒网(上海)供应链管理有限公司   版权所有
            "
            </p>

            <div class="authentication">
                <a href="" class="begin"></a>
                <a href="" class="depart"></a>
                <a href="" class="gsxz"></a>
            </div>
        </div>
    </div>
</body>
</html>
<script src="./js/jquery.js"></script>
<script src="./js/details.js"></script>
<script src="./js/tab.jqury.js"></script>
<!-- <script src="./js/tabwrap.js"></script> -->